<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>">

<title>应急预案管理下的预案管理</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" href="<%=basePath%>bootstrap/css/bootstrap.css"
	type="text/css" />
<link rel="stylesheet"
	href="<%=basePath%>css/public/daterangepicker.css" type="text/css" />
<link rel="stylesheet" href="<%=basePath%>css/public/common.css"
	type="text/css" />
<link rel="stylesheet" href="<%=basePath%>css/yjyagl/yagl.css"
	type="text/css" />
<link type="text/css"
	href="<%=basePath%>js/showLoading/css/showLoading.css" rel="stylesheet" />
<link rel="stylesheet"
	href="<%=basePath%>js/public/uploadify/css/uploadify.css">
</head>
<body style="margin: 0px;padding: 0px;">
	<div class="daohang">
		<span>应急预案管理 > 预案管理</span>
	</div>
	<!-- 查询条件 -->
	<div class="searchCondition">
		<div style="width: 45px;float: left;height: 30px;line-height: 30px;">
			<label>时间:</label>
		</div>
		<div class="controls" style="width:280px;float: left; ">
			<div class="input-group date datetime">
				<input id="cxdate" class="begindate form-control input-sm" size="16"
					type="text"> <span class="input-group-addon"> <span
					class="glyphicon glyphicon-time"></span>
				</span>
			</div>
		</div>
		<div
			style="width:90px;float: left;height: 30px;line-height: 30px;padding-left:20px;">
			<label>预案名称：</label>
		</div>
		<div style="width:410px;float: left;">
			<input id="yaName" type="text" class="scinput"
				style="position: relative;" /> &nbsp;&nbsp;&nbsp;&nbsp; <input
				style="position: relative;" type="button" class="btn btn-info"
				value="查询" id="searchYaBtn" />
		</div>
		<ul class="toolbar1">
			<li onclick="showsjAddDiv();"><span><img
					src="<%=basePath%>css/public/images/t01.png" /></span>添加</li>
			<li onclick="piLiangXiaZai();"><span><img
					src="<%=basePath%>css/public/images/t01.png" /></span>批量下载</li>
			<li onclick="batchDeleteYa();"><span><img
					src="<%=basePath%>css/public/images/t03.png" /></span>批量删除</li>
		</ul>
	</div>
	<!--end 查询条件  -->
	<!--预案列表  -->
	<div class="tableContent" id="yaTableList">
		<%@include file="subPages/yjyagl_yagl_fenyeList.jsp"%>
	</div>
	<!-- end预案列表 -->
	<!-- 新增预案 -->
	<div id="sjAddDiv" class="tip" style="height:300px;">
		<div class="tiptop">
			<span>新建预案</span> <a href="javascript:void(0)"
				onclick="closeSjAddDiv()"></a>
		</div>
		<div style="overflow-y: scroll;height:250px;">
			<form method="post" id="yaForm">
				<table id="xjTab" border="0" cellpadding="0" cellspacing="0">
					<tbody>
						<tr>
							<td class="rstyle">预案名称</td>
							<td><input type="hidden" id="pl_id" /> <input type="text"
								class="scinput" style="width: 550px;" name="pl_nm" id="pl_nm" />
							</td>
						</tr>
						<tr>
							<td class="rstyle">发布时间</td>
							<td>
								<div class="controls" style="width:150px;">
									<div class="input-group date datetime">
										<input class="begindate form-control input-sm" size="16"
											type="text" name="pl_dt" id="pl_dt" /> <span
											class="input-group-addon"> <span
											class="glyphicon glyphicon-time"></span>
										</span>
									</div>
								</div>
							</td>
							</td>
						</tr>
						<tr>
							<td class="rstyle">事件类型</td>
							<td><select class="scinput"
								style="width:550px;text-align:center" name="pl_type"
								id="pl_type">
									<option value="蓝藻爆发">蓝藻爆发</option>
									<option value="红藻爆发">红藻爆发</option>
									<option value="黑藻爆发">黑藻爆发</option>
									<option value="绿藻爆发">绿藻爆发</option>
							</select></td>
						</tr>
						<tr>
							<td class="rstyle">预案文件</td>
							<td><input type="hidden" id="fileSize" value="0" />
								<div id="custom-queue"></div> <input id="uploadify" type="file"
								name="Filedata" /> <input id="filePath" type="hidden"
								name="pl_filepath" /> <input id="file_type" type="hidden"
								name="file_type" /> <input id="file_name" type="hidden"
								name="file_name" /> <span style="color: red;">支持上传的文件类型为*.pdf;*,doc;*.txt;*.rar;*.zip且文件大小不得超过10MB</span>
							</td>
						</tr>
						<tr>
							<td colspan="4" align="center" style="padding:20px 0px;"><input
								style="position: relative;top: -3px;" type="button"
								class="btn btn-info" value="保存" id="saveBtn" onclick="saveYa();" />
								<input style="position: relative;top: -3px; display: none;"
								type="button" class="btn btn-info" value="保存" id="updateBtn"
								onclick="updateYa();" /></td>
						</tr>
					</tbody>
				</table>
			</form>
		</div>
	</div>
	<!-- end新增预案 -->
	<!--弹出框  -->
	<div class="imodal modal fade" id="myModal" role="dialog"
		aria-label="myModalLabel" aria-hidden="true">
		<div id="modal-dialog" class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header"
					style="background: #F0F5F7;padding: 10px!important;">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">详细信息</h4>
				</div>
				<span style="display: block;" id="hideDiv">
					<div class="progress" style="width: 80%;margin: 0 auto;position: relative;top: 160px;">
						<div class="progress-bar progress-bar-striped active"
							role="progressbar" aria-valuenow="45" aria-valuemin="0"
							aria-valuemax="100" style="width: 100%">
							<span class="sr-only">100% Complete</span>
						</div>
					</div>
					<div class="modal-body" id="modal-body"
						style="overflow-y:auto;height: 500px;">
						<a href=""></a>
					</div>
				</span>
				<div class="modal-footer">
					<button type="button" class="btn btn btn-danger btn-xs"
						data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript"
	src="<%=basePath%>js/public/jquery-1.11.1.min.js"></script>
<script type='text/javascript'
	src="<%=basePath%>js/showLoading/js/jquery.showLoading.min.js"></script>
<script type="text/javascript"
	src="<%=basePath%>bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/public/moment.js"></script>
<script type="text/javascript"
	src="<%=basePath%>js/public/daterangepicker.js"></script>
<script type="text/javascript"
	src="<%=basePath%>js/public/uploadify/js/swfobject.js"></script>
<script type="text/javascript"
	src="<%=basePath%>js/public/uploadify/js/jquery.uploadify.v2.1.4.js"></script>
<script type="text/javascript" src="<%=basePath%>js/public/pdfobject.js"></script>
<script type="text/javascript" src="<%=basePath%>js/common.js"></script>
<script type="text/javascript" src="<%=basePath%>js/yjyagl/yagl.js"></script>
</html>
